<template>
    <div class="wrap">
        <van-nav-bar
            title="我的月礼"
            left-arrow
            @click-left="onClickLeft"
        />
        <div class="gift">
            <div>
                <van-icon name="gift" />
            </div>
            
        </div>
        
    </div>
</template>

<script>
    export default {
    data() {
        return {};
    },

    components: {},

    computed: {},

    mounted() {},

    methods: {
        onClickLeft() {     // 左箭头回退
            this.$router.go(-1)
            this.$store.commit('changeShowMine',true)
        },
       
    }
};
</script>
<style lang='stylus' scoped>
// 主页面全屏
.wrap 
    background #fff
    position absolute
    top 0
    left 0
    right 0
    bottom 0
    z-index 350
    .gift
        width 100%
        height 400px
        background #eee
        text-align center
        .van-icon
            font-size 100px
            margin-top 50%
            transform translateY(-50%)

// 改变Vant默认颜色
/deep/ .van-nav-bar__arrow
    color #4E4E4E
</style>
